<template>
  <div v-show="item.isShow" class="f ac pt10 pb10">
    <div
      :class="['nowrap mr10 tr', item.required ? 'need' : '']"
      :style="{
        width: item.isLabelWidth ? item.labelWidth + 'px' : 'auto',
      }"
    >
      {{item.label}}
    </div>
    <div :class="['f1 rel CusDate rds5', item.errmsg ? 'error' : 'textAreaBd']">
      <DatePicker type="date" transfer :editable="false" :value="item.value" :placeholder="[1,4].includes(modalType)  ? '' : item.placeholder" style="width: 100%" :disabled="item.disabled" @on-change="changeDate"></DatePicker>
      <div class="abs l0 gred" style="bottom:-20px;">{{item.errmsg}}</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped>
</style>
<style>
.CusDate .ivu-input{
  border:none;
}
</style>